.base_info {
    background: #fff;
    height: 431px;
    margin: 20px 0;
    padding: 23px 16px;
    box-sizing: border-box;
    display: flex;
}

.content {
    display: flex;

    .left_box {
        //flex: 1;
        width: 878px;
    }

    .right_box {
        width: 302px;
        flex-shrink: 0;
        margin-left: 20px;

        .problem_box {
            //min-height: 501px;
            background: #FFFFFF;
            padding: 24px 16px;
            box-sizing: border-box;

            .head {
                position: relative;
                font-size: 24px;
                font-weight: 500;
                letter-spacing: 0px;
                line-height: 24px;
                color: rgba(51, 51, 51, 1);
                padding: 0 0 8px 16px;
                box-sizing: border-box;
            }

            .head:after {
                display: block;
                content: "";
                width: 6px;
                height: 24px;
                background: #307BFF;
                position: absolute;
                left: 0;
                top: 0;
                border-radius: 20px;
            }

            .head:before {
                display: block;
                content: "";
                height: 1px;
                background: #EEEEEE;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
            }

        }

    }
}

.baike_info {
    background: #fff;
    overflow: hidden;
    display: flex;
    padding: 24px 16px;
    margin: 20px 0;

    .avatar {
        flex-shrink: 0;
        width: 228px;
        height: 128px;

        .img {
            width: 100%;
            height: 100%;
        }
    }

    .info {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 24px;

        .h2 {
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 0px;
            line-height: 24px;
            color: rgba(51, 51, 51, 1);
        }

        .desc {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 24px;
            color: rgba(102, 102, 102, 1);
        }
    }
}

.activity_box {

    background: #fff;
    overflow: hidden;

    // padding: 24px 16px;
    // box-sizing: border-box;
    .tab_menus {
        margin: 0px 16px;
    }

    .row_box {
        margin-top: 0;
    }

}

.row_box {
    background: #fff;
    margin-top: 20px;
    padding: 31px 16px;
    box-sizing: border-box;

    .row_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0px;
        line-height: 24px;
        color: rgba(51, 51, 51, 1);
        padding: 0 0 16px 0;

        .more {
            font-size: 14px;
            font-weight: 400;
            color: rgba(102, 102, 102, 1);
        }
    }

    .title {
        position: relative;
        font-size: 16px;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
    }

    .title:after {
        position: absolute;
        display: block;
        content: "";
        width: 64px;
        height: 5px;
        border-radius: 106px;
        background: linear-gradient(90deg, rgba(51, 136, 255, 1) 0%, rgba(51, 136, 255, 0.2) 99.31%);
        left: 0;
        bottom: 0;
    }

    .txt {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 24px;
        color: rgba(51, 51, 51, 1);
        margin: 0 0 12px 0;
        line-height: 1.8;
    }

    .h3 {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0px;
        line-height: 16px;
        color: rgba(51, 51, 51, 1);
        margin-top: 24px;
        margin-bottom:16px;
    }

    .img_list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        .img_box {
            flex: 1;
            // padding-right: 4px;
            box-sizing: border-box;
            display: flex;
            align-items: flex-start;
            min-height: 76px;
            overflow: hidden;
            margin-bottom: 4px;

            .img {
                width: 100%;
                height: 100%;
            }
        }

        // .img_box:last-child {
        //     margin: 0;
        // }
    }

    .cell_tab {
        border: 0.5px solid rgba(238, 238, 238, 1);
        border-radius: 3px;

        .tab_tr {
            display: flex;
            align-items: center;
            min-height: 21px;
            font-size: 14px;
            font-weight: 400;
            line-height: 14px;
            color: rgba(102, 102, 102, 1);

            .th {
                flex-shrink: 0;
                width: 120px;
                padding: 14px 8px;
                box-sizing: border-box;
            }

            .td {
                padding: 14px 8px;
            }
        }

        .tab_tr_grey {
            background: rgba(238, 238, 238, 1);
        }
    }

    .material_list {
        //width: 100%;

        .cell {
            width: 100%;
            display: flex;
            //justify-content: space-between;
            align-items: center;

            font-size: 14px;
            font-weight: 400;
            line-height: 14px;
            color: rgba(48, 123, 255, 1);
            margin-bottom: 16px;
            overflow: hidden;
            cursor: pointer;

            .img {
                width: 14px;
                height: 14px;
                flex-shrink: 0;
                margin-right: 8px;
            }

            .name {
                display: block;
                margin-right: 20px;
                min-width: 0;
                white-space: nowrap;
            }
        }
    }

    .question_list {
        .cell {
            color: rgba(51, 51, 51, 1);

            .name {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        }
    }
}

.news_cell {
    position: relative;
    margin: 16px 0 0 0;
    overflow: hidden;

    .img_box {
        width: 100%;
        height: 151px;

        .img {
            width: 100%;
            height: 100%;
        }
    }

    .cell {
        position: relative;
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        overflow:hidden;
        padding-left:14px;
    }
    .cell:after{
        position: absolute;
        display:block;
        content:"";
        width:4px;
        height: 4px;
        border-radius: 100%;
        background:#ccc;
        left:0;
        top:50%;
        transform: translateY(-50%);
    }
}

.news_cell_first {
    
    .cell {
        // display: flex;
        // align-items: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 30px;
        border-radius: 0px 0px 4px 4px;
        background: rgba(36, 56, 89, 0.64);
        padding: 0 12px;
        color: #fff;
        box-sizing: border-box;
        a{
            color:#fff;
            line-height: 30px;
        }
    }
    .cell:after{
        display:none;
    }
}